<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="initial-scale=1.0, user-scalable=no">
  <title></title>

  
  <!-- jQuery and jQuery Mobile <link rel="stylesheet" href="pcs.css"> 
  <script src="http://localhost/pcss/js/jquery-1.9.1.min.js"></script>
  <script src="http://localhost/pcss/js/jquery.mobile-1.3.1.min.js"></script> 
  <link rel="stylesheet" href="http://localhost/pcss/css/jquery.mobile-1.3.1.min.css" /> /?=base_url() ?>assets/css/jquery.mobile-1.3.1.min.css" />
  -->
	<link rel="stylesheet" href="<?=base_url() ?>assets/css/jquery.mobile-1.3.1.min.css" />
    <link rel="stylesheet" href="<?=base_url() ?>assets/css/pcs.css"/>
	<!--link rel="stylesheet" href="http://dev.jtsage.com/cdn/datebox/1.0.1/jquery.mobile.datebox-1.0.1.min.css"/>
	<script src="http://dev.jtsage.com/cdn/datebox/1.0.1/jquery.mobile.datebox-1.0.1.min.js"></script-->
	<script src="<?=base_url() ?>assets/js/jquery-1.9.1.min.js"></script>
	<script src="<?=base_url() ?>assets/js/jquery.mobile-1.3.1.min.js"></script>
  			   
</head>
<body>
<!-- Home -->

<div data-role="page" id="home" class="pcs-demos" style ="background: transparent;">
    <div data-theme="d" data-role="header" data-position="fixed" class="pcs-header">
	<!--div data-role="header" data-theme="d">
      <img border="0" src="http://i490.photobucket.com/albums/rr270/pelicancup/FaceBook30x30.jpg" alt="Logo, Facebook" style="float:left;display:inline"/-->
            <a data-role="button" href="#detailspanel" data-icon="bars" data-iconpos="left" class="ui-btn-right">
            Details
        </a>
        <a id="homebtn" data-role="button" data-direction="reverse" href="http://localhost/mpcs/home"
        data-icon="home" data-iconpos="left" class="ui-btn-left">
            Home
        </a>
        <h5 id="headertxt" class="header">
            mPCS
        </h5>
    </div>
    <div data-role="content">
		<div class="content-primary">
			<center>
			<h2>
				Project Description
			</h2>
			
			<table data-role="table" id="summary-table" data-mode="column-toggle" class="table-stripe ui-responsive">
         <thead>
           <tr class="ui-bar-d">
             
           </tr>
         </thead>
         <tbody>
		
           <tr>
             <td>Project ID</label></td>
			 <td>:</td>
             <td><input name="project_id" id="text-basic" value="" type="text" data-mini="true"></td>
           </tr>
           <tr>
             <td>Project Name</td>
			 <td>:</td>
            <td><input name="project_name" id="text-basic" value="" type="text" data-mini="true"></td>
           </tr>
           <tr>
             <td>Project Type</td>
			 <td>:</td>
             <td><select name="project_type" id="select-project-type" data-mini="true" data-native-menu="false" data-mini="true">
						<option>Project Types</option>
						<option value="system_integration">System Integration</option>
						<option value="test">Test</option>
					</select>
			</td>
           </tr>
           <tr>
             <td>Customer Name</td>
			 <td>:</td>
             <td><input name="customer_name" id="text-basic" value="" type="text" data-mini="true"></td>
           </tr>
		    <tr>
             <td>First-Issued-Date</td>
			 <td>:</td>
             <td><input name="mydate" id="mydate" type="date" data-role="datebox" data-options='{"mode": "calbox"}' data-mini="true"></td>
			</tr>
           <tr>
             <td>Account Manager</td>
			 <td>:</td>
            <td><input name="account_manager" id="text-basic" value="" type="text" data-mini="true"></td>
           </tr>
		   <tr>
             <td>Express PCS</td>
			 <td>:</td>
             <td><fieldset data-role="controlgroup" data-type="horizontal" data-mini="true">
					<input name="radio-express" id="radio-express-yes" value="yes" type="radio">
					<label for="radio-express-yes">Yes</label>
					<input name="radio-express" id="radio-express-no" value="no" type="radio">
					<label for="radio-express-no">No</label>
				</fieldset>
			</td>
           </tr>
		   <tr>
             <td>On Watch</td>
			 <td>:</td>
             <td>
				<fieldset data-role="controlgroup" data-type="horizontal" data-mini="true">
					<input name="radio-watch" id="radio-watch-yes" value="yes" type="radio">
					<label for="radio-watch-yes">Yes</label>
					<input name="radio-watch" id="radio-watch-no" value="no" type="radio">
					<label for="radio-watch-no">No</label>
				</fieldset>
			</td>
           </tr>
           <tr>
             <td>Project Manager</td>
			 <td>:</td>
             <td><select name="porject_manager" id="select-pm" data-mini="true" data-native-menu="false">
						<option>Project Managers</option>
						<option value="1">Ade Nugroho</option>
						<option value="2">Rudi</option>
					</select>
			</td>
           </tr>	
          
           <tr>
             <td>Head PM</td>
			 <td>:</td>
             <td><input disabled="disabled" name="head_pm_manager" id="text-basic" value="" type="text" data-mini="true"></td>
           </tr>
           
           <tr>
             <td>Currency</td>
			 <td>:</td>
              <td><select name="project_type" id="select-cur" data-mini="true" data-native-menu="false">
						<option>Currencies</option>
						<?php foreach ($cur as $row):?>
						<option value="<?php echo $row->id_cur; ?>"><?php echo $row->code_cur;?></option>
						<?php endforeach;?>
					</select>
			</td>
           </tr>
		   <tr>
             <td>Project Value</td>
			 <td>:</td>
              <td><select name="project_value" id="slider-flip-m" data-role="radio" data-mini="true" data-native-menu="false">
					<option>PPN</option>
					<option value="exclude_ppn">Exclude PPN</option>
					<option value="include_ppn" selected="">Include PPN</option>
				</select>
			</td>
           </tr>
		   <!--tr>
             <td>Default Currency Rate</td>
			 <td>:</td>
              <td><select name="project_value" id="select-cur-rate" data-role="radio" data-mini="true">
					<option value="exclude_ppn">Exclude PPN</option>
					<option value="include_ppn" selected="">Include PPN</option>
				</select>
			</td>
           </tr-->
         </tbody>
       </table> </center>
	   </div>
		
    </div>
	
	
	
	<center>
	<!--a href="#" data-role="button" data-mini="true" data-inline="true" data-icon="arrow-r" data-iconpos="right" data-theme="b">Next</a-->
	</center>
			
	<!-- details panel  -->
	<div data-role="panel" id="detailspanel" data-position="right" data-display="overlay" data-theme="b">
        <i>click off the panel to close</i>
		<h3>Details Panel</h3>
		<hr >
		<ul data-role="listview">
			<li><a href="#">Project Description</a></li>
			<li><a href="#">Detail Spec. of Prod.</a></li>
			<li><a href="#">OPEX Sales</a></li>
			<li><a href="#">Training</a></li>
			<li><a href="#">Project Document</a></li>
			<li><a href="#">Risk Assesment</a></li>
			<li><a href="#">GA Expense</a></li>
			<li><a href="#">Cost of Fund</a></li>
			<li><a href="#">Profit Allocation</a></li>
			<li><a href="#">Approval Tracking</a></li>
		</ul>
	</div><!-- /details panel -->
	
    <div data-theme="d" data-role="footer" data-position="fixed" class="pcs-header"> 
        <h3>
		@2013 Anabatic Technologies - <i> Always Think Better Ways </i>
        </h3>
    </div>
</div>
</body>
</html>
